page-irp-scheduler-list {
  .card-header-ios {
    padding: 8px !important;
  }
  .alignCenter {
    text-align: center;
  }

  .hasRecord {
    color: color($colors, primary) !important;
  }

  calendar {
    .calendar-container {
      .calendar-header {
        background-color: color($colors, light) !important;
        color: black !important;
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
        border-right: 0px solid #2cc42c !important;
      }

      .calendar-body {
        .calendar-week-header {
          background-color: color($colors, light) !important;
          color: black !important;
          border-right: 0px solid #2cc42c !important;
          .calendar-day-header {
            font-size: 1.4rem !important;
            font-weight: 900 !important;
          }
        }

        .month-slider {
          border-bottom-left-radius: 0px !important;
          border-bottom-right-radius: 0px !important;
          border-left: 0px solid rgba(44,196,44,0.38) !important;
          border-right: 0px solid rgba(44,196,44,0.38) !important;
          border-bottom: 0px solid rgba(44,196,44,0.38) !important;
          .calendar-week {
            .calendar-day-wrapper {
              .calendar-day {
                font-size: 1.6rem !important;
                font-weight: 900 !important;

                .recordFlag {
                  margin-left: 3px !important;
                  .chuchaiFlag {
                    width: 5px !important;
                    height: 5px !important;
                    background-color: #f40a0a !important;
                    border-radius: 5px !important;
                    margin-bottom: 1px !important;
                  }

                  .luyanFlag {
                    width: 5px !important;
                    height: 5px !important;
                    background-color: #090dfb !important;
                    border-radius: 5px !important;
                    margin-top: 1px !important;
                  }
                }
              }
              .selected {
                background-color: color($colors, primary) !important;
              }

              .today {
                background-color: rgba(252, 122, 0, 0.5) !important;
              }
            }
          }
        }
      }
    }
  }
}
